body {
    background-color: #f4f4f4;
}

/* 头部 */
#header {
    width: 100%;
}

#header>a {
    margin-top: .1333333333rem;
    text-align: center;
    font-size: .5333333333rem;
    color: #ffffff;
}

#header h4 {
    display: inline-block;
    text-align: center;
    font-size: .5333333333rem;
    font-weight: bolder;
    color: #ffffff;
    line-height: 1.0666666667rem;
}

/* 城市导航 */
.cityNav {
    width: 100%;
    border-bottom: 1px solid #cccccc;
    margin-top: 3px;
    height: .9066666666666666rem;
    background-color: #fff;
    box-shadow: -5px 0 10px #ccc;

    .cityInfo {
        overflow: hidden;

        div {
            height: .9066666666666666rem;
            width: 2.6666666666666665rem;
            float: left;
            font-size: .37333333333333335rem;
            margin-right: 20px;
            text-align: center;
            line-height: .9066666666666666rem;
            cursor: pointer;

            &.price {
                color: red;
            }
        }
    }
}

.row {
    width: 100%;
    overflow: hidden;

    i {
        float: right;

        div {
            height: 3px;
            width: .8rem;
            background-color: #cccccc;
            margin: 5px 0;
            border-radius: 2px;
        }
    }
}

/* 筛选地区 */
.from {
    .infoB {
        margin-bottom: 10px;

        li {
            line-height: 1.0666666666666667rem;
            width: 100%;
            height: 1.0666666666666667rem;
            border-bottom: 1px solid #cccccc;
            font-size: .37333333333333335rem;
            color: black;
            font-weight: bold;
            padding-left: 10px;
            background-color: #fff;
        }
    }
}

/* 商品列表 */
#product {
    width: 100%;

    .info {
        padding: 0 5px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 10px;

        li {padding: 0 7px;
            margin: 3px 3px;
            height: 9.6rem;
            width: 48.2%;
            border: 1px solid #cccccc;
            padding-top: 50px;
            background-color: #fff;

            a {
                display: block;

                img {
                    width: 100%;
                    height: 4.8rem;
                }

                .title {
                    min-height: 1.3333333333333333rem;
                    font-size: .3466666666666667rem;
                    color: black;
                    margin-bottom: 5px;
                    margin-top: 5px;
                }

                .price {
                    color: red;
                    margin: 0 0 10px;
                    font-size: .4266666666666667rem;
                }
            }
        }
    }
}